<{include file="common/header.tpl"}>
<style type="text/css">
.pagination { text-align: center; padding: 1em; }
.pagination a, .pagination strong { padding: 0 0.5em; }
.pagination strong { color: tomato; background-color: skyblue; color: white; padding: 0.2em 0.5em;}
.allchns { background-color: #ddf; }
.subchn { background-color: #eef; }
.action { cursor: pointer; }
.tablesorter a { color: #000; }
.tablesorter a:hover { color: red; }
</style>
<script type="text/javascript">
function unfold (item, imei)
{
    var flag = $(item).html();
    var classname = "eq" + imei;
    if (flag == '展开')
    {
        $('.' + classname).show();
        $(item).html('收缩');
    }
    else
    {
        $('.' + classname).hide();
        $(item).html('展开');
    }
}
</script>
<section id="spread_one" class="column">
        <form method="" action="">
        <article class="module width_3_quarter">
        <header>
            <h3 class="tabs_involved " style="position: relative; width:96%;">cppa数据管理
            </h3>
        </header>
		<div class="tab_container">
			<div id="tab1" class="tab_content">
			<table class="tablesorter" cellspacing="0"> 
			<thead> 
				<tr> 
    				<th>手机串号</th> 
    				<th>IMSI号</th>
					<th>品牌</th> 
					<th>版本</th> 
    				<th>创建日期</th> 
    				<th>最近修改日期</th>
					<th>IP</th>
    				<th>软件名称</th> 
    				<th>生成时间</th> 
                    <th>明细</th>
				</tr> 
			</thead> 
			<tbody>
				<{foreach from = $equipments item = 'eq'}> 
					<tr style="background: #F8F8F8" class="allchns">
						<td><{$eq.imei}></td>
						<td><{$eq.imsi}></td>
						<td><{$eq.brand}></td>
						<td><{$eq.product}></td>
						<td><{$eq.ctime}></td>
						<td><{$eq.mtime}></td>
						<td><{$eq.ip}></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
                        <td class="action" onClick="unfold(this, '<{$eq.imei}>')">展开</td>
					</tr> 
                    <{foreach from=$eq.details item = 'detail'}>
					<tr style="background: #F0F0F0" class="hidden subchn eq<{$eq.imei}>">
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td><{$detail.name}></td>
						<td><{$detail.ctime}></td>
                        <td>&nbsp;</td>
					</tr> 
                    <{/foreach}>
				<{/foreach}>
			</tbody> 
			</table>
			</div><!-- end of #tab1 -->
		</div><!-- end of .tab_container -->
                
                <div><{$pagination}></div>
		</article><!-- end of content manager article -->
		<div class="clear"></div>
	</section>			
<{include file="common/footer.tpl"}>
